<include file="application/zhonghang/view/public/header.html"/>
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/home/js/html5shiv.min.js"></script>
    <script src="__PUBLIC__/home/js/respond.min.js"></script>
    <![endif]-->
    <style>
        select::-ms-expand { display: none; }
        .select_list{
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            width:230px;
            height:30px;
            line-height:30px;
            background:#e0e4e8;
            color:#999999;
            float: left;
            margin-right:10px;
            margin-bottom: 10px;
            text-align: center;
            padding-left:18%;
        }
        /*.select_list_li{
            width:200px;
            height:30px;
            line-height: 30px;
            background:#e0e4e8;
            color:#999999;
            float: left;
            text-align: center;
        }*/
        .cp-list{
            float:left;
            width:345px;
        }
        .btn_div{
            float: left;
            width:75px;
            text-align: center;
            height:30px;
            line-height: 30px;
            background:#0081cc;
            font-size:15px;
            color:#fff;
            border-radius: 0px;

        }
        .sousuo{
            width:315px;
            height:30px;
            background:#0081cc;
            color:#fff;
            float: left;
        }
    </style>

<body>
<!--
    作者：416153666@qq.com
    时间：2015-12-15
    描述：头部开始
-->
<!--小屏菜单 -->
<div class="clearfix xs-nav" id="sidr-left">
    <ul class="nav-ul">
        <li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
        <li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
        <li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
        <li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
        <li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
        <li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
        <li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
    </ul>
</div>
<header id="header">
    <div class="top-bar">
        <div class="container">
            <div class="fl">

            </div>
            <div class="fr top-a">
                <a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
                <a href="javacript:void(0);" lang='en' class='btn'>English</a>
                <!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
                <a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
            </div>
        </div>
    </div>

    <div class="nav-box">
        <div class="container">
            <div class="fl">
                <a href="#"><img src="{$lists.w_logo}" class="logo" /></a>
            </div>
            <nav class="fr nav">
                <i class="icon-language"><img src="__PUBLIC__/home/img/header/yy.png"/></i>
                <i class="icon-menu"id="left-menu" >
                    <img src="__PUBLIC__/home/img/header/nav.png"/>
                </i>
                <!--大屏菜单 -->
                <ul>
                    <li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
                    <li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
                    <li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
                    <li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
                    <li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
                    <li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
                    <li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="language-txt">
        <a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
        <a href="javacript:void(0);" lang='en' class='btn'>English</a>
        <!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
        <a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
    </div>
</header>
<!--
    作者：416153666@qq.com
    时间：2015-12-15
    描述：头部结束
-->
<!--内页 BAN-->
<style type="text/css">
    
    @media only screen and ( max-width:768px ) {
        .jieguo{
             max-width: 100%;overflow-x: scroll;
        }
        .jieguo table{
            width: auto;
            min-width: 1000px;
        }
        .jieguo table th,.jieguo table td{
        padding: 5px 10px!important;
        min-height: 80px!important
    }

    }
     @media only screen and ( min-width:768px ) {
        .jieguo table{
            min-width: 60%
        }
    }
</style>
<div class="ab-ban">
    <img src="{$cpzxtp}"/>
</div>
<!--内页 BAN 结束-->

<div class="container mt20">
    <div class="row">
        <div class="col-lg3 col-md-3 hidden-sm hidden-xs l-list">
            <h2 class="l-title">{$Think.lang.chanpin}</h2>
            <ul class="l-sub">
                <foreach name="list" item="vc">
                    <li>
                        <a href="/zhonghang/collection/index/id/{$vc.id}">{$vc.name}</a>
                        <foreach  name="hh" item="vo">
                            <dl class="second">
                                <a href="/zhonghang/collection/cpxx/id/{$vo.id}"><dd class="add">{$vo.ct_name}</dd></a>
                            </dl>
                        </foreach>
                    </li>
                    <div style="position: relative;left: 150px;top: 0px" id="ddd">

                    </div>
                </foreach>
                <li>
                <a href="/zhonghang/collection/search">{$Think.lang.cpss}</a>
                </li>
            </ul>

        </div>

        <div class="col-lg-9 col-md-9 col-sm-12 r-list">
            <div class="mpx-box">
                <h2 class="fl">{$Think.lang.chanpin}</h2>
                <div class="wz  hidden-xs">
                    {$Think.lang.weizhi}：<a href="/zhonghang/index/index">{$Think.lang.shouye}</a> > <a href="/zhonghang/collection/index">{$Think.lang.chanpin}</a>
                </div>
            </div>
            <!--左侧输入框和按钮-->
            <div class="jieguo" >
            <table border="1" class="">
                <tr>
                    <th style="text-align:center;">{$Think.lang.ssdy}</th>
                    <th style="text-align:center;">{$Think.lang.sszlj}</th>
                    <th style="text-align:center;">{$Think.lang.ssyy}</th>
                    <th style="text-align:center;">{$Think.lang.ssxs}</th>
                    <th style="text-align:center;">{$Think.lang.ssdsg}</th>
                    <th style="text-align:center;">{$Think.lang.sslqfs}</th>
                    <th style="text-align:center;">{$Think.lang.sspl}</th>
                    <th style="text-align:center;">{$Think.lang.ssxh}</th>
                    <th style="text-align:center;">{$Think.lang.ssnlw}</th>
                    <th style="text-align:center;">{$Think.lang.ssnlb}</th>
                    <th style="text-align:center;">{$Think.lang.ssgl}</th>
                    <th style="text-align:center;">{$Think.lang.sscop}</th>
                </tr>
                <foreach name="cpxq" item="val">
                <tr>
                    <td>{$val.p_p_type}</td>
                    <td>{$val.p_cryogen}</td>
                    <td>{$val.p_application}</td>
                    <td>{$val.p_form}</td>
                    <td>{$val.p_cylinder}</td>
                    <td>{$val.p_c_mode}</td>
                    <td>{$val.p_displacement}</td>
                    <td>{$val.p_model}</td>
                    <td>{$val.p_w_ability}</td>
                    <td>{$val.p_b_ability}</td>
                    <td>{$val.p_w_power}</td>
                    <td>{$val.p_cop}</td>
                </tr>
                </foreach>
        </table>
        </div>
            <br><br>
            <a href="/zhonghang/Collection/search" class="btn_div">{$Think.lang.fanhui}</a>

        </div>
    </div>
</div>






<!--网页底部-->
<include file="application/zhonghang/view/public/footer.html"/>
<!--产品中心下拉菜单-->
<!--<script>
    $(document).ready(function () {
        $(".select_list").click(function () {
            var $this = $(this).children(".select_list_li");
            var isShow = $this.css("display");
            if(isShow === "block") {
                $this.hide();
            }else
            {
                $this.show();
            }
        });
    });
</script>-->
<!--网页底部 结束-->
<!--<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>-->

<!--首页语言切换JS-->
<script type="text/javascript">
    $(document).ready(function(){
        $(".icon-language").click(function(){
            $(".language-txt").toggle(200);
        });
    });
</script>
<!--首页焦点图 JS-->
<script>
    var swiper = new Swiper('#t-ban', {
        pagination: '#t-ban .swiper-pagination',
        paginationClickable: true,
        loop : true,
    });
</script>
<script>
    $(function(){
        //点击后判断ul是否隐藏
        $(".lanrenzhijia p").click(function(){
            var ul = $(".l-sub");
            if(ul.css("display")=="none"){
                ul.slideDown(200);
            }else{
                ul.slideUp(200);
            }
        });
        //鼠标悬停显示二级导航栏目
        $('.lanrenzhijia li').hover(function(){
            var ddd=document.getElementById('ddd')
            $('ddd',this).show(0);
        },function(){
            $('dl',this).hide(0);
        }).each(function(){
            var second = $(this).find('.second');
            if(second.length == '1'){
                $(this).addClass('dot');
            }
        });
        $('.lanrenzhijia dl').each(function(){
            $('dd:last',this).css('border-bottom','0');
        });
        //选中某个内容后赋值给p标签，并隐藏ul列表
        $(".lanrenzhijia .add").click(function(){
            var txt = $(this).text();
            $(".lanrenzhijia p").html(txt);
            $(".l-sub").hide();
        });
    });
</script>



<!--最新产品区域 JS-->
<script>
    var swiper = new Swiper('#sy-cplist', {
        pagination: '#sy-cplist .swiper-pagination',
        paginationClickable: true,
        slidesPerView: 4,
        spaceBetween: 50,
        breakpoints: {
            1000: {
                slidesPerView: 3,
                spaceBetween: 40
            },
            768: {
                slidesPerView: 2,
                spaceBetween: 30
            },
            640: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            480: {
                slidesPerView: 1,
                spaceBetween: 10
            },
            320: {
                slidesPerView: 1,
                spaceBetween: 10
            }
        }
    });
</script>

</body>
</html>
<!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>-->
<script>
    $('.btn').click(function(){
        var data={'lang':$(this).attr('lang')}
        $.get("{:url('Index/lang')}",data,function(){
            location.reload();
        })
    })
</script>

